<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>机票预订 - 骡窝窝</title>
    <meta name="renderer" content="webkit"/>
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <link href="https://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css"
          rel="stylesheet" type="text/css"/>


    <link href="https://css.mafengwo.net/css/cv/flight+css+list:mobile+css+loading-80:css+jquery-ui-1.11.0.min:css+hotel+datepicker-range^a1w^1552035728.css"
          rel="stylesheet" type="text/css"/>

    <script language="javascript"
            src="https://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector^alw^1562232559.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <link href="/js/plugins/datepicker/datepicker.css" rel="stylesheet">
    <script type="text/javascript" charset="utf-8" src="/js/ueditor/umeditor.min.js"></script>
    <script type="text/javascript" src="/js/ueditor/lang/zh-cn/zh-cn.js"></script>
    <script src="/js/plugins/datepicker/datepicker.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>

    <link href="/js/plugins/chosen/chosen.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/plugins/chosen/chosen.jquery.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script type="text/javascript" src="/js/system/addtravelnote.js"></script>

    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/lanrenzhijia.css" rel="stylesheet" type="text/css">
    <link href="/styles/planetickedt.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/plugins/messager/jquery.bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/plugins/city/city.js"></script>


    <script>
        function switchCity() {
            var depar = $("#departCity").val();
            var dest = $("#destCity").val();
            $("#destCity").val(depar);
            $("#departCity").val(dest);
        };

    </script>
</head>
<body>
<#assign currentNav="planeticket">
<#include "../common/navbar.ftl">
<div class="f-search">
    <div class="f-search-wrap">
        <div class="s-type">
            <a class="on" id="one_way_btn" ng-click="setOneWay()">单程</a>
        </div>

        <form id="searchForm" method="post" action="/planeticket/list">
            <input type="hidden" name="currentPage" id="currentPage" value="1">
            <div class="s-city">
                <div class="inp-wrap city-wrap">
                    <input class="inp-txt" id="departCity" type="text" ng-model="departCityInput" name="departCityName"
                           value="${qo.departCityName}" placeholder="出发城市" onclick="suggestF.display(this,'',event);"
                           onkeydown="item_suggest.item_display(this,'',event);"
                           onblur="item_suggest.item_onblur(this);"
                           class="stext"/>
                    <div style="display: none" class="inputbox">
                        <span style="display: none" class="keyicon"></span></div>
                </div>
                <a class="btn-switch" onclick="switchCity()"></a>
                <div class="inp-wrap city-wrap">
                    <input class="inp-txt" id="destCity" type="text" ng-model="destCityInput"
                           value="${qo.destCityName}" name="destCityName"
                           placeholder="到达城市" onclick="suggestF.display(this,'',event);"
                           onkeydown="item_suggest.item_display(this,'',event);"
                           onblur="item_suggest.item_onblur(this);"
                           class="stext"/>
                </div>
            </div>
            <div class="s-date">
                <div class="inp-wrap date-wrap pi-date">
                    <input class="pi-input _j_dateinput hasDatepicker" type="text" name="startdate"
                           style="z-index: 551; position: relative;margin-right: 10px;
                           background: url(/images/mafengwo/rq.png) 170px 5px no-repeat;"
                           data-toggle="datepicker" value="${qo.startdate?string("yyyy-MM-dd")}"/>
<#--                    <i class="icon-calendar"></i>-->
                </div>
            </div>
            <div class="s-btn"><a href="javascript:;" id="search">搜索</a></div>
        </form>
        <script>
            $(function () {
                $("#search").click(function () {
                    $("#searchForm").submit();
                })
            })
        </script>
    </div>
</div>
<div class="container">
    <div class="main" style="position: relative">
        <div class="f-filter">
            <div class="title" style="display: none" id="city_info_view">
                <span class="label">单程:</span>
                ${qo.departCityName}<i class="arrow"></i>${qo.destCityName}<#-- / {{formatDay}} {{formatWeek}}-->
            </div>
            <#-- <div class="filter-wrap">
                 <div class="f-select select-airport">
                     <div class="trigger">起飞机场<i class="arr-down"></i></div>
                     <div class="dropmenu">
                         <ul ng-repeat="one in org_airport_list">
                             <li class="on" ng-if="filterParams.orgAirport == one"
                                 ng-click="filterParams.orgAirport = ''">{{one}}
                             </li>
                             <li ng-if="filterParams.orgAirport != one" ng-click="filterParams.orgAirport = one">
                                 {{one}}
                             </li>
                         </ul>
                     </div>
                 </div>
                 <div class="f-select">
                     <div class="trigger">起飞时间<i class="arr-down"></i></div>
                     <div class="dropmenu">
                         <ul ng-repeat="one in departTimeList">
                             <li class="on" ng-if="filterParams.departTime == one"
                                 ng-click="filterParams.departTime = ''">{{one.time_name}}
                             </li>
                             <li ng-if="filterParams.departTime != one" ng-click="filterParams.departTime = one">
                                 {{one.time_name}}
                             </li>
                         </ul>
                     </div>
                 </div>
                 <div class="f-select">
                     <div class="trigger">航空公司<i class="arr-down"></i></div>
                     <div class="dropmenu">
                         <ul ng-repeat="one in airline_name_list">
                             <li class="on" ng-if="filterParams.company == one" ng-click="filterParams.company = ''">
                                 {{one}}
                             </li>
                             <li ng-if="filterParams.company != one" ng-click="filterParams.company = one">{{one}}</li>
                         </ul>
                     </div>
                 </div>
                 <div class="f-select select-type">
                     <div class="trigger">机型<i class="arr-down"></i></div>
                     <div class="dropmenu">
                         <ul ng-repeat="one in planeSizeList">
                             <li class="on" ng-if="filterParams.planeSize == one" ng-click="filterParams.planeSize = ''">
                                 {{one.size_name}}
                             </li>
                             <li ng-if="filterParams.planeSize != one" ng-click="filterParams.planeSize = one">
                                 {{one.size_name}}
                             </li>
                         </ul>
                     </div>
                 </div>
             </div>-->
        </div>
        <#--<div class="f-selected">
            <span class="label">筛选 :</span>
            <div id="filter_all" style="display: none">
                <a class="sel-tag" ng-if="filterParams.orgAirport">{{filterParams.orgAirport}}<i
                            ng-click="filterParams.orgAirport = ''">×</i></a>
                <a class="sel-tag" ng-if="filterParams.departTime">{{filterParams.departTime.time_name}}<i
                            ng-click="filterParams.departTime = ''">×</i></a>
                <a class="sel-tag" ng-if="filterParams.company">{{filterParams.company}}<i
                            ng-click="filterParams.company = ''">×</i></a>
                <a class="sel-tag" ng-if="filterParams.planeSize">{{filterParams.planeSize.size_name}}<i
                            ng-click="filterParams.planeSize = ''">×</i></a>
            </div>
            <a class="sel-del" ng-click="resetFilter()">全部撤销</a>
        </div>-->
        <div class="f-sortbar">
            <div class="loading-bar"><span id="progress_bar" style="width:0%;"></span></div>
            <ul class="clearfix">
                <li class="item1">航空信息</li>
                <li class="item2" ng-click="sortByDepTime()"><span class="f-sort" id="sort_dep_time">起飞时间<i
                                class="up"></i><i class="down"></i></span></li>
                <li class="item3" ng-click="sortByArrTime()"><span class="f-sort" id="sort_arr_time">到达时间<i
                                class="up"></i><i class="down"></i></span></li>
                <li class="item3" ng-click="sortByPrice()"><span class="f-sort" id="sort_price">价格<i class="up"></i><i
                                class="down"></i></span></li>
            </ul>
        </div>
        <div id="flight_list">
            <div class="f-list" ng-repeat="one in result.flights|orderBy:sort.key:sort.type" ng-if="loaded">
                <div class="f-item" ng-attr-id="{{ 'airline-item-' + one.flight_no }}" ng-click="showSubInfo(one)">
                    <#if ! pageInfo.list ??>
                        <div class="f-msg" id="empty_view">
                            <i class="msg-icon-cry"></i>
                            <p>暂无符合条件的机票信息，请重新搜索</p>
                        </div>
                    </#if>
                    <#list pageInfo.list! as f>
                        <div class="f-item-info ng-scope" ng-if="one.flight_no">
                            <div class="f-line">
                                <#--<span class="airline-logo"><i ng-attr-id="{{ 'logo-item-' + one.flight_no }}"
                                                              id="logo-item-9C8542" class="airline-logo-9C"></i></span>-->
                                <p class="f-name ng-binding">
                                    ${f.flightname}
                                    <!-- ngIf: one.flight_share -->
                                </p>
                            </div>
                            <div class="f-time">
                                <div class="time ng-binding" ng-bind="one.dep_time">${f.takeoff_time}</div>
                                <p class="sub ng-binding">${f.takeoff_airport}</p>
                            </div>
                            <div class="through">
                                <div class="arrow"></div>
                                <p class="duration ng-binding" ng-bind="one.takingTime">${f.flight_time}</p>
                                <!-- ngIf: one.stop_num > 0 -->
                                <div class="f-pop f-pop-stay">
                                    <i class="pop-arrow"></i>
                                    <strong>经停</strong>
                                    <p>经停城市：<span ng-bind="one.stop_infos.city_name" class="ng-binding"></span></p>
                                </div>
                            </div>
                            <div class="f-time">
                                <div class="time ng-binding" ng-bind="one.arr_time">${f.arrive_time}</div>
                                <p class="sub ng-binding">${f.arrive_airport}</p>
                            </div>
                            <div class="f-price">
                                <div class="price"><sup>￥</sup><strong ng-bind="getFlightPrice(one)"
                                                                       class="ng-binding">${f.price}</strong>
                                </div>
                                <!--<p class="sub">每单已减{{one.seat_infos[0].settle_price_insurance - one.seat_infos[0].settle_price_coupon}}</p> -->
                            </div>
                            <div class="f-price" height="10">
                                <div class="class-buy"><a class="f-btn" href="/planeticket/order?id=${f.id}">立即购买</a>
                                </div>
                                <!--<p class="sub">每单已减{{one.seat_infos[0].settle_price_insurance - one.seat_infos[0].settle_price_coupon}}</p> -->
                            </div>
                        </div>
                    </#list>
                </div>
            </div>
        </div>
        <#include "../common/page.ftl">
    </div>
    <div class="aside">
        <div class="service mb10">
            <ul class="clearfix">
                <li class="s1"><i></i><br>航协认证</li>
                <li class="s2"><i></i><br>出行保证</li>
                <li class="s3"><i></i><br>7X24</li>
            </ul>
            <div class="tel">免费客服电话：4006345678</div>
        </div>
        <div class="banner"><a ng-href="{{jump_url}}" target="_blank">
                <img ng-src="{{img_url}}"></a></div>
    </div>
</div>


<script>
    document.body.setAttribute('ng-controller', 'listController');
</script>


<script language="javascript" src="https://js.mafengwo.net/mobile/js/zepto.js?1550829730" type="text/javascript"
        crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/angular-1.2.22/angular.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript"
        src="https://js.mafengwo.net/flight/js/lib/angular-1.2.22/angular-sanitize.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/moment-with-locales.min.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/localStorage.js?1520196043"
        type="text/javascript" crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/flight/js/lib/dateUtil.js?1542356740"
        type="text/javascript"
        crossorigin="anonymous"></script>

<script language="javascript" src="https://js.mafengwo.net/js/common/widgets.js?1537192880" type="text/javascript"
        crossorigin="anonymous"></script>

<link href="https://css.mafengwo.net/css/mfw-toolbar.css?1537192876" rel="stylesheet" type="text/css"/>

<#include "../common/footer.ftl">
</body>
</html>
